@media (max-width: 1600px) {
  /*---------------------- About -------------------------*/
  .About .AboutSec .AboutSec1Bottom p {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec2Bottom .row .AboutSec2BottomCol p {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec2Bottom2 .row .AboutSec2BottomCol p {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec2Bottom2 .AboutSec2BottomRow .AboutSec2BottomCol h3 {
    font-size: 140%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox .AboutSec3BottomBox4Row .AboutSec3BottomBox4Col p {
    font-size: 100%;
  }
  /*---------------------- Pro ---------------------------*/
  .ProDetail .ProDetailSec1Bottom .proSelect .layui-form .layui-input-block {
    margin-left: 0;
  }
  .ProDetail .ProDetailSec1Bottom h1 {
    color: #e60012;
    font-size: 320%;
    line-height: 1.4;
    margin-bottom: 4%;
  }
  .ProDetail .ProDetailSec1Bottom p {
    color: #595757;
    font-size: 140%;
    word-break: normal;
    line-height: 1.5;
  }
  .ProDetail .ProDetailSec1Bottom img {
    width: 100%;
    margin: 5% 0;
  }
  .ProDetail .ProDetailSec1Bottom .ProDetailSec1BottomP2 {
    width: 60%;
    margin-bottom: 15%;
  }
}
@media (max-width: 1280px) {
  /*---------------------- header ------------------------*/
  #header .HeaderRBottomC p {
    font-size: 120%;
  }
  /*---------------------- About -------------------------*/
  .About .AboutSec .AboutSec1Bottom p {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec2Bottom .row .AboutSec2BottomCol p {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec2Bottom2 .row .AboutSec2BottomCol p {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec2Bottom2 .AboutSec2BottomRow .AboutSec2BottomCol h3 {
    font-size: 140%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox .AboutSec3BottomBox4Row .AboutSec3BottomBox4Col p {
    font-size: 100%;
  }
}
@media (max-width: 1024px) {
  /*---------------------- header ------------------------*/
  #header #nav {
    font-size: 14px;
    height: 60px;
  }
  #header #nav .headerLeft {
    padding-top: 20px;
  }
  #header #nav .headerLeft .headerUl ul li {
    height: 60px;
  }
  #header #nav ul.headerRight li {
    height: 60px;
  }
  #header .HeaderRBottomC {
    margin-top: 55px;
  }
  #header .HeaderRBottomC p {
    font-size: 120%;
  }
  #header .HeaderRBottomL {
    margin-top: 55px;
  }
  #header .HeaderRBottomS {
    margin-top: 55px;
  }
  /*---------------------- About -------------------------*/
  .About .AboutSec .AboutSec2Bottom2 .AboutSec2BottomRow .AboutSec2BottomCol h3 {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox .AboutSec3BottomBox4Row .AboutSec3BottomBox4Col p {
    font-size: 85%;
  }
}
@media (max-width: 768px) {
  /*------------------ index for mobile ------------------*/
  .index .indexThr ul.energyArea {
    width: 80%;
    margin: 5% auto;
  }
  .index .indexThr ul.energyArea a {
    width: 49%;
    margin-bottom: 1%;
  }
  .index .indexThr ul.energyArea a li span.topcon {
    margin: 25px 0 0 5px;
  }
  .index .timeline .timePrev {
    left: 47.5%;
  }
  .index .timeline .timeNext {
    left: 55%;
  }
  .index .timeline .timeAdd,
  .index .timeline .timeClose {
    left: 51.4%;
  }
  .index .indexFur .left {
    padding: 10% 0;
  }
  .index .indexFur .left .leftWord {
    margin: 0 5% 5% 10%;
  }
  .index .indexFur .right .rightWord {
    margin: 10% 10% 5% 5%;
  }
  .index .indexFur .right .rightWord input[type="submit"] {
    float: left;
  }
  /*---------------------- About -------------------------*/
  .About .AboutSec .AboutSec1Bottom h1 {
    font-size: 220%;
  }
  .About .AboutSec .AboutSec1Bottom .row .AboutSec1BottomCol {
    width: 49%;
  }
  .About .AboutSec .AboutSec1Bottom .row .AboutSec1BottomCol:nth-child(3),
  .About .AboutSec .AboutSec1Bottom .row .AboutSec1BottomCol:nth-child(6) {
    margin-right: 1%;
  }
  .About .AboutSec .AboutSec2Bottom h1 {
    font-size: 260%;
  }
  .About .AboutSec .AboutSec2Bottom .AboutSec2BottomRow .AboutSec2BottomCol {
    width: 49%;
  }
  .About .AboutSec .AboutSec2Bottom .AboutSec2BottomRow .AboutSec2BottomCol img {
    padding: 5%;
  }
  .About .AboutSec .AboutSec2Bottom .row .AboutSec2BottomCol p {
    margin-top: 15px;
  }
  .About .AboutSec .AboutSec2Bottom2 h1 {
    font-size: 220%;
  }
  .About .AboutSec .AboutSec2Bottom2 .AboutSec2BottomRow .AboutSec2BottomCol {
    width: 49%;
  }
  .About .AboutSec .AboutSec2Bottom2 .AboutSec2BottomRow .AboutSec2BottomCol img {
    padding: 13% 5%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox h1 {
    font-size: 220%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox .AboutSec3BottomBox4Row .AboutSec3BottomBox4Col p {
    font-size: 120%;
  }
  .About .AboutSec .AboutSec4Bottom h1 {
    font-size: 220%;
  }
  /*---------------------- Pro ---------------------------*/
  .Pro .ProSec {
    text-align: center;
    padding: 5% 0;
  }
  .Pro .ProSec h1 {
    color: #e60012;
    font-size: 320%;
    line-height: 1.4;
    margin-bottom: 2%;
  }
  .Pro .ProSec p {
    color: #595757;
    font-size: 140%;
    word-break: normal;
    line-height: 1.5;
  }
  .Pro .ProSec .ProSecP {
    margin-bottom: 4%;
  }
  .Pro .ProSec .row .ProSecCol {
    margin-top: 15px;
    padding-left: 0;
    position: relative;
  }
  .Pro .ProSec .row .ProSecCol .ProSecColP {
    position: absolute;
    top: 40%;
    left: 36%;
  }
  .Pro .ProSec .row .ProSecCol .ProSecColP p {
    color: #fff;
  }
  .Pro .ProSec img {
    width: 100%;
  }
  .ProDetail .ProDetailSec1Bottom .proSelect .layui-form select {
    width: 70%;
    margin-bottom: 15px;
  }
  .ProDetail .ProDetailSec1Bottom h1 {
    font-size: 220%;
  }
  .ProDetail .ProDetailSec1Bottom3 .row .ProDetailSec1Bottom3Col .ProDetailSec1Bottom3Top button {
    font-size: 120%;
    padding: 16px 20px;
  }
  .ProDetail .ProDetailSec1Bottom3 .row .ProDetailSec1Bottom3Col .ProDetailSec1Bottom3Par ul:last-child li:last-child button {
    padding: 10px;
  }
  .ProDetail .ProDetailSec1Bottom3 .row .ProDetailSec1Bottom3Col .ProDetailSec1Bottom3Par ul:last-child li:last-child button span {
    font-size: 100%;
  }
  .ProDetail .ProDetailSec1Bottom3 .row .ProDetailSec1Bottom3Col .ProDetailSec1Bottom3Par ul:last-child li:last-child button img {
    margin-left: 15px;
    width: 15px;
  }
  .ProDetail2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
  }
  .ProDetail2 img {
    width: 100%;
    height: 100%;
  }
  .ProDetail2 .ProDetail2Box {
    width: 60%;
    height: 0;
    background-color: #fff;
    z-index: 99999;
    position: absolute;
    top: 30%;
    left: 20%;
  }
  .ProDetail2 .ProDetail2Box .row {
    padding: 8%;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxLeftCol p.ProDetail2BoxLeftColp1 {
    font-size: 130%;
    color: #e60012;
    padding-bottom: 35px;
    border-bottom: 1px solid #595757;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxLeftCol p.ProDetail2BoxLeftColp2 {
    font-size: 240%;
    color: #595757;
    padding-top: 25px;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxRightCol .ProDetail2BoxRightColp1 {
    text-align: right;
    padding-bottom: 35px;
    border-bottom: 1px solid #595757;
    cursor: pointer;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxRightCol .ProDetail2BoxRightColp1 span {
    padding-right: 15px;
    font-size: 140%;
    font-weight: 600;
    vertical-align: middle;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxRightCol .ProDetail2BoxRightColp1 img {
    width: 15px;
    vertical-align: middle;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxRightCol .ProDetail2BoxRightColImg {
    max-width: 100%;
    padding-top: 25px;
    width: 100% !important;
  }
}
@media (max-width: 414px) {
  /*---------------------- header ------------------------*/
  .navbar-header img {
    width: 140px;
    margin-top: 10px;
    margin-left: 10px;
  }
  /*------------------ index for mobile ------------------*/
  .index .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-text button {
    margin-top: 5%;
    width: 100px;
    height: 30px;
  }
  .index .indexThr ul.energyArea a {
    width: 100%;
    height: 250px;
    margin-bottom: 1%;
  }
  .index .indexThr ul.energyArea a li {
    text-align: center;
  }
  .index .indexThr ul.energyArea a li span.topcon {
    font-size: 220%;
    padding-top: 5%;
  }
  .index .indexFur .right .rightWord input[type="text"] {
    width: 100%;
  }
  .index .indexFur .right .rightWord input[type="email"] {
    width: 100%;
  }
  .index .indexFur .right .rightWord textarea {
    width: 100%;
  }
  .index .indexFur .right .rightWord input[type="submit"] {
    width: 120px;
  }
  .index .indexFif .footerArea .row .leftCon img {
    width: 100%;
    margin-top: 20%;
  }
  .index .indexFif .footerArea .row .midCon .copyright {
    color: #666666;
    font-size: 130%;
  }
  .index .indexFif .footerArea .row .rightCon img {
    width: 100%;
  }
  /*---------------------- About -------------------------*/
  .About .AboutSec {
    bottom: 30px;
  }
  .About .AboutSec .AboutSecTop a .AboutSecTopCol {
    font-size: 100%;
    height: 30px;
    line-height: 30px;
  }
  .About .AboutSec .AboutSec1Bottom h1 {
    font-size: 160%;
  }
  .About .AboutSec .AboutSec1Bottom .AboutSec1BottomP2 {
    width: 100%;
  }
  .About .AboutSec .AboutSec1Bottom .row .AboutSec1BottomCol {
    width: 100%;
    height: 240px;
  }
  .About .AboutSec .AboutSec2Bottom h1 {
    font-size: 160%;
  }
  .About .AboutSec .AboutSec2Bottom .row .AboutSec2BottomCol p {
    font-size: 100%;
  }
  .About .AboutSec .AboutSec2Bottom .AboutSec2BottomRow .AboutSec2BottomCol {
    height: 160px;
  }
  .About .AboutSec .AboutSec2Bottom2 .AboutSec2BottomRow .AboutSec2BottomCol {
    width: 100%;
  }
  .About .AboutSec .AboutSec2Bottom2 .AboutSec2BottomRow .AboutSec2BottomCol img {
    padding: 5%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox h1 {
    font-size: 160%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox p {
    font-size: 100%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox p.AboutSec3BottomP1 {
    font-size: 140%;
  }
  .About .AboutSec .AboutSec3Bottom .AboutSec3BottomBox .AboutSec3BottomBox4Row .AboutSec3BottomBox4Col {
    width: 100%;
  }
  .About .AboutSec .AboutSec4Bottom h1 {
    font-size: 160%;
  }
  .About .AboutSec .AboutSec4Bottom p {
    font-size: 100%;
  }
  .AboutTime {
    min-height: 395px;
  }
  .AboutTime .AboutTimeTop h2 {
    font-size: 160%;
  }
  .AboutTime .AboutTimeTop p {
    font-size: 120%;
  }
  .AboutTime .swiper-container {
    height: 130px;
    margin-top: 50px;
  }
  .AboutTime .swiper-container .swiper-slide ul li.timeLi1 {
    font-size: 160%;
  }
  .AboutTime .swiper-container .swiper-slide ul li.timeLi2 {
    font-size: 90%;
  }
  .AboutTime .timePrev {
    left: 38.5%;
  }
  .AboutTime .timeNext {
    left: 53.5%;
  }
  .AboutTime .timeAdd,
  .AboutTime .timeClose {
    left: 46%;
  }
  .AboutTime .timeButton {
    left: 38.5%;
  }
  .AboutTime .timeLineDetail ul {
    width: 100%;
  }
  .AboutTime .timeLineDetail ul p {
    font-size: 100%;
  }
  .AboutTime .timeLineDetail ul li {
    font-size: 120%;
  }
  /*---------------------- Pro ---------------------------*/
  .Pro .ProSec h1 {
    font-size: 160%;
  }
  .Pro .ProSec p {
    font-size: 100%;
  }
  .ProDetail .ProDetailSec {
    bottom: 40px;
  }
  .ProDetail .ProDetailSec .ProDetailSecTop a .ProDetailSecTopCol {
    height: 40px;
    line-height: 40px;
    font-size: 85%;
  }
  .ProDetail .ProDetailSec1Bottom h1 {
    font-size: 160%;
  }
  .ProDetail .ProDetailSec1Bottom p {
    font-size: 100%;
  }
  .ProDetail .ProDetailSec1Bottom2 .row .ProDetailSec1BottomCol {
    width: 100%;
  }
  .ProDetail .ProDetailSec1Bottom2 .row .ProDetailSec1BottomCol img {
    width: 30%;
    margin: 10% 0;
  }
  /*---------------------- News --------------------------*/
  .News .NewsSec .container h1 {
    font-size: 260%;
  }
  .News .NewsSec .container p {
    font-size: 100%;
  }
  .News .NewsThr .row .container .NewsThrCol {
    width: 48%;
  }
  .News .NewsThr .row .container .NewsThrCol .NewsThrbottom .NewsThrClassify {
    top: 30%;
    left: 10%;
    right: inherit;
  }
  .News .NewsThr .row .container .NewsThrCol .NewsThrbottom .info {
    font-size: 120%;
  }
  .News .NewsThr .row .container .NewsThrCol .NewsThrbottom p {
    font-size: 100%;
  }
  .News .NewsDetailSec {
    padding: 5% 0;
  }
  .News .NewsDetailSec .container h1 {
    font-size: 160%;
  }
  .News .NewsDetailSec .container p {
    font-size: 100%;
  }
  .News .NewsDetailThr .container p {
    font-size: 100%;
  }
  /*---------------------- Contact -----------------------*/
  .Contact .MessageSec .container h1 {
    font-size: 160%;
  }
  .Contact .MessageSec .container p {
    font-size: 100%;
  }
  .Contact .MessageSec .container ul li p {
    font-size: 100%;
  }
}
@media (max-width: 375px) {
  /*---------------------- index --------------------------*/
  .index .timeline .timeButton {
    bottom: -150px;
    left: 40.5%;
  }
  .index .timeline .timeAdd,
  .index .timeline .timeClose {
    margin-top: 130px;
    left: 48%;
  }
  .index .timeline .timeNext {
    margin-top: 130px;
  }
  .index .timeline .timePrev {
    left: 40%;
    margin-top: 130px;
  }
  /*---------------------- Pro ----------------------------*/
  .Pro .ProSec .row .ProSecCol {
    padding-right: 0;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxLeftCol p.ProDetail2BoxLeftColp1 {
    font-size: 100%;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxLeftCol p.ProDetail2BoxLeftColp2 {
    font-size: 140%;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxRightCol .ProDetail2BoxRightColp1 {
    text-align: left;
  }
  .ProDetail2 .ProDetail2Box .row .ProDetail2BoxRightCol .ProDetail2BoxRightColp1 span {
    font-size: 140%;
  }
  .ProDetail .ProDetailSec .ProDetailSecTop a .ProDetailSecTopCol {
    padding-left: 8px;
  }
}